import React from 'react';
import { Tabs} from 'antd-mobile';
// import ContentCard from '../contentCard/index'
import TabbarBody from './tabbarBody'
export default class TabBar extends React.Component {
    render() {
        const tabs = [
            { title: '关注' },
            { title: '热榜' },
            { title: '最新' },
            { title: '学习' },
            { title: '生活' },
        ];

        return (
            <div>
                <Tabs tabs={tabs}
                    swipeable={true}
                    tabBarBackgroundColor='#fff'
                    tabBarInactiveTextColor='#949494'
                    onChange={(tab, index) => { console.log('onChange', index, tab); }}
                    onTabClick={(tab, index) => { console.log('onTabClick', index, tab); }}
                >
                  <TabbarBody type={'like'}/>
                    <div>热榜</div>
                    <div>热榜</div>
                    <div>最新</div>
                    <div>生活</div>
                </Tabs>
                {/* <WhiteSpace /> */}
            </div>
        );
    }
}
